<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Administrar Propietario</title>
    </h:head>
    <h:body>

        <!--MENU-->
        <h:form id="formMenu">
            <p:menubar>
                <p:menuitem value="Inicio" icon="ui-icon-close" url="inicio.jsf"/>

                <p:submenu rendered="#{loginBean.usuario.TPerfil.administracion}" label="Administraci&oacute;n" icon="ui-icon-document">
                    <p:menuitem rendered="#{loginBean.usuario.TPerfil.administrarClienteFalso}" value="Clientes Falsos" url="#" />
                    <p:menuitem rendered="#{loginBean.usuario.TPerfil.administrarComprador}" value="Compradores" url="administrarcomprador.jsf" />
                    <p:menuitem rendered="#{loginBean.usuario.TPerfil.administrarInmueble}" value="Inmuebles" url="#" />
                    <p:menuitem rendered="#{loginBean.usuario.TPerfil.administrarPerfiles}" value="Perfiles" url="#" />
                    <p:menuitem rendered="#{loginBean.usuario.TPerfil.administrarPersonal}" value="Personal" url="#" />
                    <p:menuitem rendered="#{loginBean.usuario.TPerfil.administrarPropietario}" value="Propietarios" url="administrarpropietario.jsf" />
                </p:submenu>

                <p:submenu rendered="#{loginBean.usuario.TPerfil.consultas}" label="Consultas" icon="ui-icon-document">
                    <p:menuitem rendered="#{loginBean.usuario.TPerfil.consultarColocacionInmueble}" value="Colocaci&oacute;n de Inmuebles" url="#" />
                    <p:menuitem rendered="#{loginBean.usuario.TPerfil.consultarConfiabilidadCliente}" value="Confiabilidad de Cliente" url="#" />
                    <p:menuitem rendered="#{loginBean.usuario.TPerfil.consultarDocumentoInmueble}" value="Documentos del Inmueble" url="#" />
                    <p:menuitem rendered="#{loginBean.usuario.TPerfil.consultarInmueble}" value="Consultar Inmueble" url="#" />
                    <p:menuitem rendered="#{loginBean.usuario.TPerfil.consultarSeparacion}" value="Consultar Separación" url="#" />
                    <p:menuitem rendered="#{loginBean.usuario.TPerfil.consultarVisitaInmueble}" value="Consultar Visita de Inmueble" url="#" />
                    <p:menuitem rendered="#{loginBean.usuario.TPerfil.consultarVisitas}" value="Consultar Visitas" url="#" />
                </p:submenu>

                <p:submenu rendered="#{loginBean.usuario.TPerfil.seguridad}" label="Seguridad" icon="ui-icon-document">
                    <p:menuitem rendered="#{loginBean.usuario.TPerfil.envioAlerta}" value="Cambiar Contrase&ntilde;a" url="#" />
                    <p:menuitem rendered="#{loginBean.usuario.TPerfil.fichaCaptacion}" value="Cambiar Contrase&ntilde;a" url="#" />
                </p:submenu>

                <p:menuitem value="Cambiar Contrase&ntilde;a" url="#" />

                <p:menuitem value="Salir" url="login.jsf" />

            </p:menubar>
        </h:form>

        <br/>

        <!--BOTON AGREGAR NUEVO PROPIETARIO-->
        <h:form id="btnAgregar">
            <p:commandButton value="Nuevo" oncomplete="nuevoPropietarioDialog.show();" update=":formPropietarioNuevo" icon="ui-icon-document" actionListener="#{administrarPropietarioBean.prepararInsertar()}"/>
        </h:form>

        <br/>

        <!--TABLA DE PROPIETARIOS-->
        <h:form id="formPropietarios">
            <p:dataTable id="dtPropietarios" var="propietario" value="#{administrarPropietarioBean.propietarios}" paginator="true" rows="30" 
                         paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}"
                         scrollable="true" scrollRows="10" scrollHeight="300">
                <f:facet name="header">
                    LISTA DE PROPIETARIOS
                </f:facet>

                <h:inputHidden value="#{propietario.cdPropietario}"/>

                <p:column headerText="Nombres y Apellidos" filterBy="#{propietario.nombreCom}" filterMatchMode="contains">
                    <h:outputText value="#{propietario.nombreCom}" />
                </p:column>

                <p:column headerText="Tipo Doc." >
                    <h:outputText value="#{propietario.tipoDocI eq 'NN' ? 'Nacional':'Extranjero'}"/>
                </p:column>

                <p:column headerText="Nro. Doc." filterBy="#{propietario.nroDocI}">
                    <h:outputText value="#{propietario.nroDocI}" />
                </p:column>

                <p:column headerText="Estado" >
                    <h:outputText value="#{propietario.estado == true ? 'Habilitado' : 'Deshabilitado'}" />
                </p:column>

                <p:column headerText="Edit." style="width:8%; text-align: center">  
                    <p:commandButton oncomplete="editarPropietarioDialog.show();" icon="ui-icon-pencil" title="Editar" update=":formPropietarioEditar" actionListener="#{administrarPropietarioBean.prepararPropietario(propietario.cdPropietario)}"/>
                </p:column> 
                <p:column headerText="Ver." style="width:8%; text-align: center"> 
                    <p:commandButton oncomplete="verPropietarioDialog.show();" icon="ui-icon-search" title="Ver" update=":formPropietarioVer" actionListener="#{administrarPropietarioBean.prepararPropietario(propietario.cdPropietario)}"/>
                </p:column> 
                <p:column headerText="Hab./Des." style="width:8%; text-align: center"> 
                    <p:commandButton  icon="#{propietario.estado == true ? 'ui-icon-cancel' : 'ui-icon-check'}" title="Cambiar estado" update=":formPropietarios" actionListener="#{administrarPropietarioBean.cambiarEstado(propietario.cdPropietario)}"/>
                </p:column> 
            </p:dataTable>
        </h:form>

        <!--VENTANA PARA EDITAR PROPIETARIOS-->
        <h:form id="formPropietarioEditar">
            <p:dialog id="editarPropietarioDialog" header="Editar Propietario" widgetVar="editarPropietarioDialog" resizable="false" modal="true">
                <h:panelGrid id="pgCamionEditar" columns="2" cellpadding="4" style="margin:0 auto;">
                    <h:outputText value="Tipo Doc.:" />
                    <h:outputText value="Nro. Doc.:" />
                    <p:selectOneMenu id="tipodoci" value="#{administrarPropietarioBean.propietario.tipoDocI}" >
                        <f:selectItem itemLabel="Nacional" itemValue="NN"/>  
                        <f:selectItem itemLabel="Extranjero" itemValue="EE"/>  
                    </p:selectOneMenu>
                    <h:inputText value="#{administrarPropietarioBean.propietario.nroDocI}"/>

                    <h:outputText value="Nombre:" />
                    <h:outputText value="Email:" />
                    <h:inputText value="#{administrarPropietarioBean.propietario.nombreCom}"/>
                    <h:inputText value="#{administrarPropietarioBean.propietario.email}"/>

                    <h:outputText value="Domicilio:" />
                    <h:outputText value="Distrito:" />
                    <h:inputText value="#{administrarPropietarioBean.propietario.domicilio}"/>
                    <p:selectOneMenu var="ubigeo" value="#{administrarPropietarioBean.propietario.TUbigeo.cdUbig}">
                        <f:selectItem itemLabel="Select One" itemValue=""/>
                        <f:selectItems var="ubigeo" value="#{administrarPropietarioBean.ubigeos}" itemLabel="#{ubigeo.nombre}" itemValue="#{ubigeo.cdUbig}"/>
                    </p:selectOneMenu>

                    <h:outputText value="Telf. fijo:" />
                    <h:outputText value="Telf m&oacute;vil:" />
                    <h:inputText value="#{administrarPropietarioBean.propietario.telfFijo}"/>
                    <h:inputText value="#{administrarPropietarioBean.propietario.telfMovil}"/>

                </h:panelGrid>

                <p:separator/>

                <p:commandButton value="Guardar" oncomplete="editarPropietarioDialog.hide()" update=":formPropietarios:dtPropietarios" actionListener="#{administrarPropietarioBean.actualizarPropietario()}"/>
                <p:commandButton value="Cancelar" update=":formPropietarios:dtPropietarios" oncomplete="editarPropietarioDialog.hide()"/>
            </p:dialog>
        </h:form>

        <!--VENTANA PARA VER DETALLE DEL PROPIETARIO-->
        <h:form id="formPropietarioVer">
            <p:dialog id="dlgPropietarioVer" header="Detalle del Propietario" widgetVar="verPropietarioDialog" resizable="false" modal="true">
                <h:panelGrid id="pgPropietarioVer" columns="2" cellpadding="4" style="margin:0 auto;">
                    <h:outputText value="Nombre:" />
                    <h:outputText value="#{administrarPropietarioBean.propietario.nombreCom}"/>

                    <h:outputText value="Email:" />
                    <h:outputText value="#{administrarPropietarioBean.propietario.email}"/>

                    <h:outputText value="Direcci&oacute;n:" />
                    <h:outputText value="#{administrarPropietarioBean.propietario.domicilio}"/>

                    <h:outputText value="Distrito:" />
                    <h:outputText value="#{administrarPropietarioBean.propietario.TUbigeo.nombre}"/>

                    <h:outputText value="Tipo doc.:" />
                    <h:outputText value="#{administrarPropietarioBean.propietario.tipoDocI == 'NN' ? 'Nacional' : 'Extranjero'}"/>

                    <h:outputText value="Nro. Doc.:" />
                    <h:outputText value="#{administrarPropietarioBean.propietario.nroDocI}"/>

                    <h:outputText value="Telf. fijo:" />
                    <h:outputText value="#{administrarPropietarioBean.propietario.telfFijo}"/>

                    <h:outputText value="Telf. m&oacute;vil:" />
                    <h:outputText value="#{administrarPropietarioBean.propietario.telfMovil}"/>

                    <h:outputText value="Estado:" />
                    <h:outputText value="#{administrarPropietarioBean.propietario.estado == true ? 'Habilitado' : 'Deshabilitado'}"/>
                </h:panelGrid>

                <p:separator/>

                <p:commandButton value="OK" oncomplete="verPropietarioDialog.hide()"/>
            </p:dialog>
        </h:form>

        <!--VENTANA PARA AGREGAR NUEVO PROPIETARIO-->
        <h:form id="formPropietarioNuevo">
            <p:dialog id="nuevoPropietarioDialog" header="Nuevo Propietario" widgetVar="nuevoPropietarioDialog" resizable="false" modal="true">
                <h:panelGrid id="pgCamionNuevo" columns="2" cellpadding="4" style="margin:0 auto;">
                    <h:outputText value="Tipo Doc." />
                    <h:outputText value="Nro. Doc." />
                    <p:selectOneMenu id="tipodoci" value="#{administrarPropietarioBean.propietario.tipoDocI}" >
                        <f:selectItem itemLabel="Nacional" itemValue="NN"/>  
                        <f:selectItem itemLabel="Extranjero" itemValue="EE"/>  
                    </p:selectOneMenu>
                    <h:inputText value="#{administrarPropietarioBean.propietario.nroDocI}"/>

                    <h:outputText value="Nombre:" />
                    <h:outputText value="Email:" />
                    <h:inputText value="#{administrarPropietarioBean.propietario.nombreCom}"/>
                    <h:inputText value="#{administrarPropietarioBean.propietario.email}"/>

                    <h:outputText value="Domicilio" />
                    <h:outputText value="Distrito" />
                    <h:inputText value="#{administrarPropietarioBean.propietario.domicilio}"/>
                    <p:selectOneMenu var="ubigeo" value="#{administrarPropietarioBean.propietario.TUbigeo.cdUbig}">
                        <f:selectItem itemLabel="Select One" itemValue=""/>
                        <f:selectItems var="ubigeo" value="#{administrarPropietarioBean.ubigeos}" itemLabel="#{ubigeo.nombre}" itemValue="#{ubigeo.cdUbig}"/>
                    </p:selectOneMenu>

                    <h:outputText value="Telf. fijo:" />
                    <h:outputText value="Telf m&oacute;vil:" />
                    <h:inputText value="#{administrarPropietarioBean.propietario.telfFijo}"/>
                    <h:inputText value="#{administrarPropietarioBean.propietario.telfMovil}"/>

                </h:panelGrid>

                <p:separator/>

                <p:commandButton value="Guardar" oncomplete="nuevoPropietarioDialog.hide()" update=":formPropietarios:dtPropietarios" actionListener="#{administrarPropietarioBean.insertar()}"/>
                <p:commandButton value="Cancelar" update=":formPropietarios:dtPropietarios" oncomplete="nuevoPropietarioDialog.hide()"/>
            </p:dialog>
        </h:form>

        <!--MENSAJE DE ADVERTENCIA-->
        <h:form id="formAdvertencias">
            <p:messages showDetail="true"/>
        </h:form>
    </h:body>
</html>

